<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title> form表单 </title>  
 </head>
 <body>
  <form action=""method="">
      <!--表单控件
	         每一个表单控件都必须设置一个name属性，
			 必须不一致，为了后期数据处理知道是哪个控件传的值
	  -->
	    <p>
		<label>文本框: <input type="text" name="user"
		placeholder="请输入用户名" required maxlength="10">
		</label>
		</p>

		<p>
		<label>密码框: <input type="password" name="password"
		placeholder="请输入密码" required maxlength="16">
		</label>
		</p>
        <!--
		   生成一个单选按钮组的话必须将这几个单选按钮的name
		   属性值设为相同的值
		   单选按钮的值是通过value属性传递的，必须属性值不一致
		   默认选中设置checked的属性
		-->
<p>单选按钮
        <label><input type="radio" name="sex" value="1" checked>男</label>
		<label><input type="radio" name="sex" value="2" >女</label>
		<label><input type="radio" name="sex">保密</label>
		</p>

<p>多选按钮
        <label><input type="checkbox" name="hobby[ ]" value="1" >唱歌</label>
		<label><input type="checkbox" name="hobby[ ]" value="2" >跳舞</label>
		<label><input type="checkbox" name="hobby[ ]" value="3" >游泳</label>
		<label><input type="checkbox" name="hobby[ ]" value="4" checked>打球</label>
		</p>

	 <p>发车时间 :
	        <select name="time">
			      <option value="1">00:00--24:00</option>
				  <option value="2">00:00--18:00</option>
                  <option value="3" selected>14:00--16:00</option>
			      <option value="4">16:00--24:00</option>
                  <option value="5">18:00--24:00</option>
			</select>
	 </p>
	<p>上传控件 : <input type="file"></p>
	    <p>隐藏域 : <input type="hidden" name="id" value="1"></p>
	 <p>
	        文本域 : 
			<textarea cols="30" rows="10">123</textarea>
	 </p>
	 <p>普通按钮 : <input type="button" value="注册">
	                    <button>注册</button>
	 </p>
	 <p>图片按钮 : <input type="image" src="./baidu.jpg"></p>
	 <p>重置按钮 : <input type="reset"></p>
	 <p>提交按钮 : <input type="submit"></p>
  </form>
 </body>
</html>
